<!DOCTYPE htm PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm1/DTD/xhtm1-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtm">

<head>

<meta http-equiv="Content-Type" content="text/htm; charset=utf-8" />

<title>Shopping Cart</title>

<link href="../css/style.css" rel="stylesheet" type="text/css" />

<script src="../js/cufon-yui.js" type="text/javascript"></script>

<script src="../js/Comfortaa_400.font.js" type="text/javascript"></script>





<script type="text/javascript">

    Cufon.replace('h1', { fontFamily: 'Comfortaa' });

    Cufon.replace('h2', { fontFamily: 'Comfortaa' });

    Cufon.replace('h3', { fontFamily: 'Comfortaa' });

    Cufon.replace('h4', { fontFamily: 'Comfortaa' });



        </script></head>



<body>

<div id="Layout">

<!-- BEGIN HEADER -->

  <div id="Top">

    <div id="Logo">

      <h1><a href="index.htm">Shopping Cart</a></h1>

    </div><!-- end div #Logo -->

    <div id="TopContent">

      <ul>

        <li class="cart"><a href="shopping-cart.htm">Shopping Cart</a></li>

        <li class="cart-value"><span class="blue"><a href="#">6 item</a></span> | <span>$3000.00</span></li>

      </ul>

    </div>      <!-- end div #TopContent -->



    <div id="Nav">

      <div class="NavBody">

        <ul>

          <li> <a href="#">Homepage</a></li>

          <li> <a href="#">NEW PRODUCT</a></li>

          <li> <a href="#">SPECIALS</a></li>

          <li> <a href="#">MY ACCOUNT</a></li>

          <li> <a href="#">CONTACTS</a></li>

          <li class="search">

            <input type="image" class="action" src="../images/search-action.jpg" />

            <input type="text" class="searchfeild" />

          </li>

        </ul>

      </div>

    </div>      <!-- end div #Nav -->



  </div>      <!-- end div #Top -->

      <!-- END HEADER -->

      

      <!-- BEGIN CONTENT -->

        <div id="Content">

            <div class="LeftSide">

      <div class="leftBox">

        <h3>Category</h3>

        <div class="leftBoxBody">

          <ul class="cat-link">

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="#">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="#">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

          </ul>

        </div>

      </div>

      <div class="leftBox">

        <h3>Best sellers</h3>

        <div class="leftBoxBody">

          <ul class="sellerlist">

            <li><span>1.</span>

              <p><a href="product.htm">This is a best product sellers lpsum</a></p>

              <div class="clr"></div>

            </li>

            <li><span>2.</span>

              <p><a href="product.htm">This is a best product sellers lpsum</a></p>

              <div class="clr"></div>

            </li>

          </ul>

          <div class="clr"></div>

        </div>

      </div>

      <div class="cards">

        <ul>

          <li><a href="#"><img src="../images/paypal.gif" alt="" /></a></li>

          <li><a href="#"><img src="../images/card-visia.gif" alt="" /></a></li>

          <li><a href="#"><img src="../images/card-master.gif" alt="" /></a></li>

        </ul>

      </div>

    </div>   <!-- end div #LeftSide -->

            <div class="RightSide">    



                <div class="bredCrum">

                    <h4><a href="index.htm">Home</a>   >>    <a href="Category.htm">Category</a>  >>   <a href="#" class="select">Subcategory</a> </h4>

              </div>

                <div class="catrow">

                    <ul>

                        <li class="new">

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /><div class="new"></div></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                        <li>

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                      <li class="last">

                          <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                      </li>

                    </ul>

                    <div class="clr"></div>

                </div>

                <div class="catrow">

                    <ul>

                        <li class="new">

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                        <li>

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                      <li class="last">

                          <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                      </li>

                    </ul>

                    <div class="clr"></div>

                </div><div class="catrow">

                    <ul>

                        <li class="new">

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                        <li>

                            <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                        </li>

                      <li class="last">

                          <div class="catThum"><img src="../images/OXO---Homepage_39.jpg" alt="" /></div>

                            <div class="catDetail">

                                <h4><a href="#">Product Name</a></h4>

                                <p>1000$</p>

                            </div>

                      </li>

                    </ul>

                    <div class="clr"></div>

                </div>

                <div class="paging">

                    

                    

                    <div class="pagingDiv"><span class="label">Page <b class="blue">1</b> of 9</span><span class="back"><a href="#"><img src="../images/back.gif" alt="" /></a></span><span class="next"><a href="#"><img src="../images/next.gif" alt="" /></a></span></div>

                    <div class="pagingInfo">Dispaying 1 to 9(of 9 products)</div>

                <div class="clr"></div> 

                </div>

          </div>    <!-- end div #RightSide-->



            <div class="clr"></div>

         <!-- BEGIN FOOTER -->

    <div id="Footer">

      <div class="footerbody">

        <div class="footercontent">Copyrights 2009 <span class="blue">Shopping Cart</span> <a href="#">privacy Notice</a> | <a href="#">Conditions of Use</a> | <a href="#">Subscribe our feed Rss</a></div>

      </div>

    </div>

    <!-- END FOOTER -->

  </div>

  <!-- END CONTENT -->

  <div id="Footerimg"> </div>

</div>

<!-- end div #Layout -->

</body>

</htm>
